{% extends "base.html" %}

{% block title %}WaterMark{% endblock %}

{% block page_content %}

    <div class="jumbotron">
        <h1>多媒体课件数字图像水印系统</h1>
        <p>
            <br>系统提供PPT或图片的盲水印及传统显式水印添加功能
            <br>可选择生成水印图（推荐）或上传水印图（建议使用尺寸合适及对比度高的图片）
            <br>提供PPT及图片的数字盲水印提取
            <br>
        </p>
{#        <br><p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>#}
    </div>

    <div class="row">

        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img src="../static/css/icons/touch.svg" alt="..." style="width: 150px;padding-top: 20px">
                <div class="caption">
                    <h3 class="text-center">PPT水印添加</h3>
                    <br>
                    <p><a href="{{ url_for('main.genwm_add') }}" class="btn btn-primary btn-lg btn-block" role="button">生成盲水印</a>
                    </p>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img src="../static/css/icons/touch.svg" alt="..." style="width: 150px;padding-top: 20px">
                <div class="caption">
                    <h3 class="text-center">PPT水印添加</h3>
                    <br>
                    <p><a href="{{ url_for('main.comwm_add') }}" class="btn btn-primary btn-lg btn-block" role="button">生成传统水印</a>
                    </p>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img src="../static/css/icons/touch.svg" alt="..." style="width: 150px;padding-top: 20px">
                <div class="caption">
                    <h3 class="text-center">PPT水印添加</h3>
                    <br>
                    <p><a href="{{ url_for('main.selfwm_add') }}" class="btn btn-primary btn-lg btn-block"
                          role="button">上传盲水印</a></p>
                </div>
            </div>
        </div>

    </div>

    <div class="row">

        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img src="../static/css/icons/picture.svg" alt="..." style="width: 150px;padding-top: 20px">
                <div class="caption">
                    <h3 class="text-center">图片水印添加</h3>
                    <br>
                    <p><a href="{{ url_for('main.genpic_add') }}" class="btn btn-primary btn-lg btn-block"
                          role="button">生成盲水印</a></p>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img src="../static/css/icons/picture.svg" alt="..." style="width: 150px;padding-top: 20px">
                <div class="caption">
                    <h3 class="text-center">图片水印添加</h3>
                    <br>
                    <p><a href="{{ url_for('main.compic_add') }}" class="btn btn-primary btn-lg btn-block"
                          role="button">生成传统水印</a></p>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img src="../static/css/icons/picture.svg" alt="..." style="width: 150px;padding-top: 20px">
                <div class="caption">
                    <h3 class="text-center">图片水印添加</h3>
                    <br>
                    <p><a href="{{ url_for('main.selfpic_add') }}" class="btn btn-primary btn-lg btn-block"
                          role="button">上传盲水印</a></p>
                </div>
            </div>
        </div>

    </div>

    <div class="row">

        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img src="../static/css/icons/printer.svg" alt="..." style="width: 150px;padding-top: 20px">
                <div class="caption">
                    <h3 class="text-center">水印提取</h3>
                    <br>
                    <p><a href="{{ url_for('main.wm_ppt_withdraw') }}" class="btn btn-primary btn-lg btn-block"
                          role="button">提取PPT水印</a></p>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4">
            <div class="thumbnail">
                <img src="../static/css/icons/printer.svg" alt="..." style="width: 150px;padding-top: 20px">
                <div class="caption">
                    <h3 class="text-center">水印提取</h3>
                    <br>
                    <p><a href="{{ url_for('main.wm_img_withdraw') }}" class="btn btn-primary btn-lg btn-block"
                          role="button">提取图片水印</a></p>
                </div>
            </div>
        </div>
    </div>

{% endblock %}
